<template>
  <div class="selectSystem">
    <div class="title">系统菜单选择</div>
    <div class="check_box">
      <el-radio v-model="radio" label="1">PC</el-radio>
      <el-radio style="margin-top: 20px;" v-model="radio" label="2">APP</el-radio>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      radio: "1"
    };
  },
  computed: {},
  watch: {},
  methods: {
  }
};
</script>
<style lang='less' scoped>
//@import url(); 引入公共css类
.selectSystem {
  width: 100%;
  height: 100%;
  border: 1px solid #eee;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;

  .title {
    width: 100%;
    height: 8%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #1890ff;
    // background-color: #5077ff;
    border-bottom: 1px solid #eee;
  }

  .check_box {
    padding: 20px;
  }
}
</style>
